@charset "UTF-8";

/* ==========================================================================

   Base

   ========================================================================== */

a { text-decoration: none; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

body {

    overflow-x: hidden;

}

body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin: 0; }

button,fieldset { padding: 0; margin: 0; }

ul, ol { padding-left: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

em, i { font-style: normal; }

/* ==========================================================================

   Typography

   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 100%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ==========================================================================

   html5

   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] {

display: none;

}

/* ==========================================================================

   Forms

   ========================================================================== */

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

legend { display: none; }

fieldset { border: 0 none; }

/* imgArea */

.imgArea { float: left; }

.imgArea img { width: 100%; height: 100%;}

.txtArea { overflow: hidden; *zoom:1;

}

.txtArea .desc { display: -webkit-box;/*  -webkit-line-clamp: 3; */ -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; }

/* thumbnail */

.thumbnail-wrap { display: table; table-layout: fixed; }

.thumbnail { display: table-cell; *display: block;

text-align: center; vertical-align: middle; overflow: hidden; }

.thumbnail img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; }

.thumbnail i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }/* ie6/7下可以使用此方法兼容 */

/* ==========================================================================

   Common

   ========================================================================== */

.fl { float: left; }

.fr { float: right; }

/* clearfix */

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1

}

.more-arr,

.bc-arr { font-family: simsun; }

[class^="icon"] {

padding-right: 5px;

}

.asterisk { color: #f00; padding: 0 6px; }

.tal { text-align: left !important;}

.tac { text-align: center !important;}

.tar { text-align: right !important;}



button, input, select, textarea { font-size: 100%; }

textarea { overflow: auto; vertical-align: top; }